@charset "utf-8";

@import "./mixin.scss";

/* 颜色 */
$base-color-blue: #1890ff;
$base-color-green: #13ce66;
$base-color-white: #fff;
$base-color-black: #000;
$base-color-yellow: #ffba00;
$base-color-orange: #ff6700;
$base-color-red: #ff4d4f;
$base-color-gray: rgba(0, 0, 0, 0.65);
$base-color-dark: #282c34;
$base-color-dark2: #001529;

/* 字体大小配置*/
$base-font-size-small: 12px;
$base-font-size-default: 14px;
$base-font-size-big: 16px;
$base-font-size-bigger: 18px;
$base-font-size-max: 22px;
$base-font-color: #606266;

/* 默认层级*/
$base-z-index: 999;

/* 测试边框 */
$base-ceshi-boder: 1px solid $base-color-blue;

/* 框架默认主题色 */
$base-color-default: $base-color-blue;

/* 默认paddiing*/
$base-padding: 20px;
/* 默认动画时长*/
$base-transition-time: 0.2s;

// app最小宽度
$base-app-widthMin: calc(1024px - 60px);

/* 侧边栏 */
$base-sideBar-widthMax: 220px;
$base-sideBar-widthMin: 60px;
$base-sideBar-header-height: 64px;
$base-sideBar-footer-height: 40px;

$base-sideBar-background: $base-color-dark2;
$base-sideBar-textColor: hsla(0, 0%, 100%, 0.85);
$base-sideBar-active-textColor: #1890ff;

/* 顶部nav-bar*/
$base-nav-bar-height: 50px;
$base-nav-background: $base-color-white;
$base-nav-text-color: $base-color-gray;

/* 顶部多标签页*/
$base-tabs-bar-height: 45px;
/* 顶部多标签页tags-bar中每一个item的高度*/
$base-tag-item-height: 35px;
$base-tag-item-background: $base-color-white;
$base-tag-item-textColor: $base-color-gray;
$base-tag-item-active-color: #1890ff;

/* 菜单li标签的高度*/
$base-menu-item-height: 40px;
/* 横向布局时top-bar、logo、一级菜单的高度*/
$base-top-bar-height: 65px;
/* 纵向布局时logo的高度*/
$base-logo-height: 75px;

/* 横向布局纵向布局时菜单背景色*/
$base-menu-background: rgb(40, 44, 52);
/* 菜单文字颜色*/
$base-menu-color: hsla(0, 0%, 100%, 0.95);
/* 菜单选中文字颜色*/
$base-menu-color-active: hsla(0, 0%, 100%, 0.95);
/* 菜单选中背景色*/
$base-menu-background-active: $base-color-default;
/* 标题颜色*/
$base-title-color: #fff;

/* 输入框高度*/
$base-input-height: 32px;

/* app-main的高度*/
$base-app-main-height: calc(
  100vh - #{$base-nav-bar-height} - #{$base-tabs-bar-height} - #{$base-padding} - #{$base-padding} -
    55px - 30px
);

/* 纵向布局时左侧导航未折叠时的宽度*/
$base-left-menu-width: 240px;
/* 纵向布局时左侧导航未折叠时右侧内容的宽度*/
$base-right-content-width: calc(100% - #{$base-left-menu-width});
/* 纵向布局时左侧导航已折叠时的宽度*/
$base-left-menu-width-min: 65px;
/* 纵向布局时左侧导航已折叠时右侧内容的宽度*/
$base-right-content-width-min: calc(100% - #{$base-left-menu-width-min});

:export {
  sideBarWidethMax: $base-sideBar-widthMax;
  sideBarWidethMin: $base-sideBar-widthMin;
  sideBarBackground: $base-sideBar-background;
  sideBarTextColor: $base-sideBar-textColor;
  sideBarActiveTextColor: $base-sideBar-active-textColor;
}
